<template>
	<view class="wrap">
		<view class="btn-custom-service">
			<text class="micon iconlessonfont icon-kefu-xian"></text>
			<text>客服</text>
		</view>
		<view class="btn-class-list">
			<text class="micon iconfont iconxuankedan"></text>
			<navigator url="./lesson-ucar"><text>选课单</text></navigator>
		</view>
		<view class="btn-homochromatism btn-add-list" @click="add">加入选课单</view>
		<view class="btn-homochromatism btn-enroll" @click="buy">立即报名</view>
	</view>
</template>

<script>
	export default{
		methods:{
			navTo(){
				
			},
			buy (){
				this.$emit('gotItem')
			},
			add () {
				this.$emit('addItem')
			}
		}
	}
</script>

<style scoped>
	@import url("../../../static/font_lesson/iconfont.css");
	.wrap{display:flex; align-items: center; height:110upx;font-family: Source Han Sans CN; position: fixed; bottom: 0; width: 100%; background: #fff;}
	.wrap>view{height:100%;}
	
	.btn-custom-service, .btn-class-list{color: #666; display:flex; flex-basis:145upx; flex-direction: column; flex-grow: 1; text-align: center;font-size: 28upx;}
	.micon{font-size: 44upx; height:60upx;color: #666;}
	.iconlessonfont {font-family: iconlessonfont;}
	
	.btn-homochromatism{display: flex; justify-content: center; align-items: center; flex:2; flex-basis:230upx; color:#fff; font-size:32upx; text-align: center; line-height:104upx;font-weight: 500;}
	.btn-add-list{background:#fe9900;}
	.btn-enroll{background:#FFB800;}
</style>
